<template>
	<view>
		<image src="../../static/img/forpage.png" style="width: 750rpx;height:729rpx;" mode=""></image>

		<!-- #ifdef H5 -->
		<navigator url="../download/download">
			<view class="flex justify-center p-2 fixed-bottom" style="margin-bottom: 260rpx;">
				<image src="../../static/img/logo.jpg" style="width: 60rpx;height: 60rpx;" mode=""></image>
				<view class="color333 font30 ml-4">APP下载</view>
			</view>
		</navigator>
		<!-- #endif -->
		<view class="p-5 fixed-bottom">
			<navigator url="../login/login">
				<view class="rounded-circle bg-main flex align-center justify-center font30 text-white main-button" style="height: 100rpx;margin-bottom:80rpx;" hover-class="bg-main-hover">立即使用</view>
			</navigator>
		</view>
	</view>
</template>

<script>
import mainButton from '../../components/common/main-buttom.vue';
export default {
	data() {
		return {};
	},
	components: { mainButton },
	onLoad() {
		// 获取URL 上code
		// const code = this.getUrlParam('code');
		// // 判断是否存在code
		// if (code == null || code == '') {
		// 	// 重新获取code
		// 	// console.log(code)
		// 	window.location.href = wx_url;
		// } else {
		// 	// 发送code
		// 	this.postCode(code);
		// }
		// #ifdef H5
			// this.wxAuthorize();
			// uni.setStorage({
			// 	key: 'openId',
			// 	data: 'o9LQctwNiXW_UWW1K7mG4lIbvvK8'
			// })
		// #endif
	},
	methods: {
		// 解析URL 参数
		getUrlParam(name) {
			let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
			let r = window.location.search.substr(1).match(reg);
			if (r != null) {
				return unescape(r[2]);
			}
			return null;
		},
		// 发送code 获取信息
		postCode(code) {
			let _this = this;
			let opts = {
				url: 'Pay/GetOpenId.shtml'
			};
			let param = {
				code: code
			};
			_this.$http.httpRequest(opts, param).then(
				res => {
					console.log(res.data);
					uni.setStorage({
						key: 'openId',
						data: res.data.openId
					})
				},
				error => {
					console.log(error);
				}
			);
		},
		wxAuthorize() {
			let link = window.location.href;
			// let params = this._getUrlParams(link);  // 地址解析
			//console.log(link);

			let params = this.getUrlParam('code'); // 地址解析
			// let params='061pFvuu1Vwcpg04rnuu1Ccyuu1pFvuk';
			console.log(params);
			// 已经授权登录过的就不用再授权了
			// if (store.state.token) return;

			// 如果拿到code，调用授权接口，没有拿到就跳转微信授权链接获取
			// if (params.code) {
			if (params) {
				console.log('121212');
				this.postCode(params); // 调用后台接口，授权
			} else {
				console.log('22221');

				let appid = 'wxb16ccaf9d891a993';
				//1.使用encodeURIComponent以及JSON.stringify()方法对对象进行字符串化和编码，这样可以控制url参数的长度，参考示例代码（uni-app书写方式，微信小程序自己改。）

				let uri = encodeURIComponent(link);
				//2.接受信息的页面使用JSON.parse()以及decodeURIComponent()接收和解码参数。

				//snsapi_base   //snsapi_base    scope = snsapi_base（不弹出授权页面，直接跳转，只能获取用户 openid ）。
				//snsapi_userinfo  弹出
				let authURL = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${uri}&response_type=code&scope=snsapi_base&state=123#wechat_redirect`;
				window.location.href = authURL;
			}
		}
	}
};
</script>

<style></style>
